<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/StudentInfo/utils/scripts/flat-ui.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="shortcut icon" href="/StudentInfo/utils/image/favicon.ico" type="image/x-icon"/>
  <meta charset="UTF-8">
  <title>选课管理系统</title>

  <!-- 标题图标、CSS、js、jQ
  <link href="/online/image/favicon.ico" rel="shortcut icon">
  <link rel="stylesheet" type="text/css" href="/online/css/main.css">
  <script src="/online/js/fun.js" type="text/javascript"></script>-->
  <script type="text/javascript" src="/StudentInfo/utils/js/jquery-3.3.1.min.js"></script>
  <!-- Loading Bootstrap -->
  <link href="/StudentInfo/utils/css/vendor/bootstrap.min.css" rel="stylesheet">
  <!-- Loading Flat UI Pro -->
  <link href="/StudentInfo/utils/css/flat-ui.css" rel="stylesheet">
  <!-- Loading Flat UI JS -->
  <script type="text/javascript" src="/StudentInfo/utils/scripts/flat-ui.min.js"></script>

  <script type='text/javascript' src='/StudentInfo/utils/scripts/particles.js'></script>
  <link href="/StudentInfo/utils/css/animate.css" rel="stylesheet">
</head>
<style type="text/css">
    .pageSize {
        padding: 5px;
        margin: 0 6px 0 6px;
        border-radius: 6px;
        background: #1abc9c;
        color: white;
        border: none;
    }

    .active-bkg {
        background: repeating-linear-gradient(45deg, #232c34, transparent 100px);
    }

    .courseSize {
        font-size: 13px;
        font-weight: bolder;
    }

    .table td, .table th {
        vertical-align: middle;
    }

    .textShow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

</style>


<body>
<div id="particles-js">
  <canvas class="particles-js-canvas-el" width="1322" height="774" style="width: 100%; height: 100%;"></canvas>
</div>
<jsp:include page="teacherLeft.jsp"/>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h5>选择添加的课程</h5>
      <form name="studentquery" action="/StudentInfo/CoursePlanHandler/addquery?pageNo=1&pageSize=${pageInfo.pageSize}" method="get">
        <div class="row">
          <div class="col-md-4">
            <strong>查询条件<br></strong>
            <select id="searchType" name="searchType" class="form-control select select-primary select-block mbl select2">
              <option value="all">全部课程</option>
              <option value="cId" <c:if test="${requestScope.searchType=='cId'}">selected</c:if>>按课程编号查询</option>
              <option value="cName" <c:if test="${requestScope.searchType=='cName'}">selected</c:if>>按课程名查询</option>
              <option value="pro" <c:if test="${requestScope.searchType=='pro'}">selected</c:if>>按所属学院查询</option>
            </select>
          </div>
          <div class="col-md-4">
            <strong>条件</strong>
            <div class="form-group has-feedback">
              <input id="value" type="text" name="value" value="${requestScope.value}" placeholder="输入值" class="form-control"/>
            </div>
          </div>
          <div class="col-md-3 pos">
            <br>
            <input type="submit" class="btn btn-primary" value="查询"/>
          </div>
        </div>
      </form>
    </div>

    <div class="col-md-12">
      <div class="row">
        <div class="col-md-12">
          <div class="margin:0 15px">
            <table style="overflow:scroll;" class="table table-striped table-hover animated fadeIn">
              <thead>
              <tr>
                <th>课程号</th>
                <th>课程名</th>
                <th>课程简介</th>
                <th>所属学院</th>
                <th>所属专业</th>
                <th>选择</th>

              </tr>
              </thead>
              <c:forEach var="course" items="${requestScope.courseList}">
                <tr>
                  <td>${course.CId }</td>
                  <td>${course.CName }</td>
                  <td>${course.CIntroduction}</td>
                  <td>${course.belongColl}</td>
                  <td>${course.belongPro}</td>
                  <td>
                    <a class="btn btn-primary" href="/StudentInfo/CoursePlanHandler/querycouplan/${course.CId}">
                      选择
                    </a>
                  </td>
                </tr>
              </c:forEach>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 显示分页信息 -->
  <jsp:include page="../student/choosePageNo.jsp" />
  <!-- 分页条信息 -->
  <div class="col-md-12 pageChose">
    <nav aria-label="Page navigation">
      <ul class="pagination bg-primary">
        <li>
          <a href="/StudentInfo/CoursePlanHandler/addquery?pageNo=1&pageSize=${pageInfo.pageSize}&searchType=${requestScope.searchType}&value=${requestScope.value}">首页</a>
        </li>
        <c:if test="${pageInfo.hasPreviousPage }">
          <li>
            <a href="/StudentInfo/CoursePlanHandler/addquery?pageNo=${pageInfo.pageNum-1}&pageSize=${pageInfo.pageSize}&searchType=${requestScope.searchType}&value=${requestScope.value}"
               aria-label="Previous"> <span aria-hidden="true">上一页</span>
            </a></li>
        </c:if>

        <c:forEach items="${pageInfo.navigatepageNums }" var="page_Num">
          <c:if test="${page_Num == pageInfo.pageNum }">
            <li class="active"><a href="#">${page_Num }</a></li>
          </c:if>
          <c:if test="${page_Num != pageInfo.pageNum }">
            <li>
              <a href="/StudentInfo/CoursePlanHandler/addquery?pageNo=${page_Num}&pageSize=${pageInfo.pageSize}&searchType=${requestScope.searchType}&value=${requestScope.value}">${page_Num}</a>
            </li>
          </c:if>

        </c:forEach>
        <c:if test="${pageInfo.hasNextPage }">
          <li>
            <a href="/StudentInfo/CoursePlanHandler/addquery?pageNo=${pageInfo.pageNum+1}&pageSize=${pageInfo.pageSize}&searchType=${requestScope.searchType}&value=${requestScope.value}"
               aria-label="Next"> <span aria-hidden="true">下一页</span>
            </a></li>
        </c:if>
        <li>
          <a href="/StudentInfo/CoursePlanHandler/addquery?pageNo=${pageInfo.pages}&pageSize=${pageInfo.pageSize}&searchType=${requestScope.searchType}&value=${requestScope.value}">末页</a>
        </li>
      </ul>
    </nav>
  </div>
</div>
</body>

<script>
    $(".select2").select2({
        dropdownCssClass : 'dropdown-inverse'
    });
</script>
<script type="text/javascript" src="/StudentInfo/utils/scripts/flat-ui.js"></script>
<script src="/StudentInfo/utils/scripts/bganimation.js"></script>
</html>